<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"  
      xmlns:p="http://primefaces.org/ui">
<f:view locale="#{language.locale}"/>
<h:head>
    <title>Twitter :: <h:outputText value="#{msg.login}" /></title>
    <h:outputStylesheet library="css" name="site.css"/>
</h:head>
<h:body>
    <div id="header">
	<div id="center">
            <div id="language">
                <h:form id="languageForm">
                    <p:selectOneMenu value="#{language.selected}">
                        <f:selectItems value="#{language.languages}"/>
                    </p:selectOneMenu>
                    <h:commandLink action="#{language.changeLang()}" value="#{msg.change_lang}"  class="changeLangMsg"/>
                </h:form>
            </div>
	</div>
    </div>
    <div id="content">
        <div id="left">
            <h:form>
                <p:panel>
                <h:panelGrid id="loginPanel" columns="2">    
                    <p:outputLabel for="user" value="#{msg.user}:"/>
                    <p:inputText id="user" value="#{userLogin.user}"/>
                    <p:outputLabel for="pass" value="#{msg.pass}:"/>
                    <p:inputText id="pass" value="#{userLogin.pass}"/>
                </h:panelGrid>
                    <p:commandButton value="#{msg.login}" action="#{userLogin.doUserLogin()}"/>
                </p:panel>
            </h:form>
        </div>
        <div id="right">
            <h:form>
                <p:panel header="#{msg.register_msg}">
                <h:panelGrid id="signUpPanel" columns="2">    
                    <p:outputLabel for="name" value="#{msg.name}:"/>
                    <p:inputText id="name"/>
                    <p:outputLabel for="email" value="#{msg.email}:"/>
                    <p:inputText id="email"/>
                    <p:outputLabel for="pass2" value="#{msg.pass}:"/>
                    <p:inputText id="pass2"/>
                </h:panelGrid>
                <p:commandButton value="#{msg.register}"/>
                </p:panel>
            </h:form>
        </div>
    </div>
</h:body>
</html>